/**
 * 设置数据到渲染流程中直接调用 this.setState({xxx:11})，参数是一个map， 如果存在调用后，视图未能更新，可以尝试
 * setTimeout(()=>{this.setState({xxx:11})},1)方法，将数据更新放到下一个执行队列；
 *
 * 通过 this.props.xxx 可以取得传入组件的参数
 * 通过 this.state.xxx 可以取得当前的state中的数据
 * */

import ContentManagementBox from "./contentManagement";
module.exports = {
  connectedCallback() {
    // 组件dom渲染后执行，相当于componentDidMount
    console.log("connectedCallback");
  },

  disconnectedCallback() {
    // 组件即将被卸载时执行，相当于componentWillUnmount
    console.log("disconnectedCallback");
  },

  observedAttributes() {
    // 在该方法内声明需要监听的属性(props)，并通过数组返回
    return [];
  },

  attributeChangedCallback(attrName, oldValue, newVaule) {
    // 已声明的属性(props)变化均会执行该方法
    console.log("attributeChangedCallback");
  },

  renderContent() {
    return <ContentManagementBox></ContentManagementBox>
  },
};
